// 以下为滚动条样式
/* IE 浏览器 */
& {
    /*三角箭头的颜色*/
    scrollbar-arrow-color: #fff;
    /*滚动条滑块按钮的颜色*/
    scrollbar-face-color: #efefef;
    /*滚动条整体颜色*/
    scrollbar-highlight-color: #efefef;
    /*滚动条阴影*/
    scrollbar-shadow-color: #efefef;
    /*滚动条轨道颜色*/
    scrollbar-track-color: #efefef;
    /*滚动条3d亮色阴影边框的外观颜色——左边和上边的阴影色*/
    scrollbar-3dlight-color: #efefef;
    /*滚动条3d暗色阴影边框的外观颜色——右边和下边的阴影色*/
    scrollbar-darkshadow-color: #efefef;
    /*滚动条基准颜色*/
    scrollbar-base-color: #efefef;
}

/* chrome & safari 浏览器 */
/*滚动条整体部分,必须要设置*/
&::-webkit-scrollbar {
    width: 5px;
    height: 10px;
    background-color: transparent;
}

/*滚动条的轨道*/
&::-webkit-scrollbar-track {
    background-color: transparent;
}

/*滚动条的滑块按钮*/
&::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: rgba(0, 0, 0, 0.2);
    ;
}

/*滚动条的上下两端的按钮*/
&::-webkit-scrollbar-button {
    height: 0;
    background-color:#fff;
}